<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="css/common.css" media="screen" />
<link rel="stylesheet" href="css/ui.css" media="screen" />
<link rel="stylesheet" href="css/index.css" media="screen" />
<link rel="stylesheet" href="css/ui-slider.css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/ui-slider.js"></script>
<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('article');
document.createElement('section');
document.createElement('footer');
</script>
<!--[if IE 6]>
<script type="text/javascript">
$(function(){
	_get_top = function() {
		var scrollTop = document.documentElement.scrollTop; 
		return scrollTop > 200 ? scrollTop : 200;
	}
	$('nav.nav').get(0).style.setExpression('top', 'eval(_get_top())+"px"');
});
</script>
<![endif]-->
</head>
<body>

<!-- 头部导航 begin -->
<header class="header">
	<ul class="ctrl">
		<li><a href="" hidefocus="true"><img src="images/temp/icon_small.jpg" alt="" /></a></li>
		<li><a href="" hidefocus="true">登录</a></li>
		<li><a href="" hidefocus="true">退出</a></li>
	</ul>
	<div class="search">
		<form action="">
			<input type="text" value="" placeholder="请输入搜索内容..." class="search-text" />
			<button class="search-btn"></button>
		</form>
	</div>
</header>
<!-- 头部导航 end -->
<!-- 菜单 begin -->
<nav class="nav">
	<ul>
		<li><a href="" hidefocus="true" class="home"></a></li>
		<li><a href="" hidefocus="true" class="about"></a></li>
		<li><a href="" hidefocus="true" class="setting"></a></li>
		<li><a href="" hidefocus="true" class="folder"></a></li>
		<li><a href="" hidefocus="true" class="contact"></a></li>
	</ul>
</nav>
<!-- 菜单 end -->

<!-- 整体内容 begin -->
<div class="wrap">
	<div class="index-content">
		<!-- 图片切换 begin -->
		<div class="ui-slider">
			<ul>
				<li><a href="" hidefocus="true"><img src="images/temp/001.jpg" alt="" /></a></li>
				<li><a href="" hidefocus="true"><img src="images/temp/002.jpg" alt="" /></a></li>
				<li><a href="" hidefocus="true"><img src="images/temp/003.jpg" alt="" /></a></li>
			</ul>
		</div>
		<!-- 图片切换 end -->
		
		<!-- 最受欢迎的舞者 begin -->
		<div class="module popular-module">
			<h3>
				<a href="" hidefocus="true" class="title">最受欢迎的舞者</a>
				<a href="" class="more" hidefocus="true">More.</a>
			</h3>
			<div class="outter-width">
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200" /></a></li>
				</ul>
			</div>
		</div>
		<!-- 最受欢迎的舞者 end -->
		
		<!-- 最新加入的舞者 begin -->
		<div class="module join-module">
			<h3>
				<a href="" hidefocus="true" class="title">最新加入的舞者</a>
				<a href="" class="more" hidefocus="true">More.</a>
			</h3>
			<div class="outter-width">
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
				<ul class="post">
					<li><a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200" /></a></li>
				</ul>
			</div>
		</div>
		<!-- 最新加入的舞者 end -->
		
	</div>
	<div class="index-right">
		<!-- 最新分享的音乐 begin -->
		<div class="module music-module">
			<h3>
				<a href="" hidefocus="true" class="title">最新分享的音乐</a>
				<a href="" class="more" hidefocus="true">More.</a>
			</h3>
			<ul class="list">
				<li><a href="resources/001.mp3" hidefocus="true">[华尔兹] 春天在哪里?</a></li>
				<li><a href="resources/002.mp4" hidefocus="true">[街舞] 你知道我在等你吗?</a></li>
				<li><a href="resources/003.flv" hidefocus="true">[探戈] 王二小?</a></li>
				<li><a href="" hidefocus="true">[快步] where are you?</a></li>
			</ul>
		</div>
		<!-- 最新分享的音乐 end -->
		
		<!-- 招聘信息 begin -->
		<div class="module music-module">
			<h3>
				<a href="" hidefocus="true" class="title">招聘/求职</a>
				<a href="" class="more" hidefocus="true">More.</a>
			</h3>
			<ul class="list">
				<li><a href="" hidefocus="true">[北京] 招聘肚皮舞表演。</a></li>
				<li><a href="" hidefocus="true">[上海] 想找一个爵士舞的工作。</a></li>
				<li><a href="" hidefocus="true">[上海] </a></li>
				<li><a href="" hidefocus="true">[深圳] 高薪诚聘肚皮舞教练~月薪5K-8K。</a></li>
			</ul>
		</div>
		<!-- 招聘信息 end -->
		
	</div>
	
</div>
<!-- 整体内容 end -->
<!-- footer begin -->
<footer class="footer">
	
</footer>
<!-- footer end -->

<!-- yahoo player begin -->
<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script> 
<!-- yahoo player end -->
</body>
</html>